<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    <style>
        html,body{padding:0;margin:0;}
        .clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
        .clearfix{*zoom:1;}
        body{font-family: 'Microsoft Yahei', verdana, "宋体";color:#444444;}
    </style>
    <link rel="stylesheet" href="v/css/af0.css" />
    <script>
        function resizeMyFrame(){
            var ww = $(window).width(), wh = $(window).height(), lw = $("#f-lft").outerWidth();
            var mh = wh-$("#f-hd").outerHeight()-$("#f-ft").outerHeight();
            $("#f-bd").height(mh);
            $("#f-lft").height(mh);
            $("#f-rgt").height(mh-$("#f-rft").outerHeight()).css("margin-left", lw+"px");
            $("#f-rft").css("margin-left", lw+"px");
        }
        $(document).ready(function(){
            resizeMyFrame();


            $("#box-nav a").click(function(){
                var my = $(this);
                $("#box-nav a").removeClass("on");
                my.addClass("on");
                $("#content-frame").attr("src", my.attr("href"));
                $(".sub-menu").css("display", "none");
                $("#sub-menu-"+my.attr("hv")).css("display", "block");
                return false;
            });
            $("#box-menu a").click(function(){
                $("#content-frame").attr("src", $(this).attr("href"));
            });
        });
        $(window).resize(function(){
            resizeMyFrame();
        });
    </script>
</head>
<body>
<div id="f-doc">
    <div id="f-hd">
        <!-- 页头内容 开始 -->
        <div id="box-top">
            <div id="logo"></div>
            <div id="top"></div>
        </div>
        <div id="box-nav">
            <ul class="dib-wrap">
                <li class="dib"><a href="content.html"><span>首页</span></a></li>
                <li class="dib"><a href="content.html"><span>用户管理</span></a></li>
                <li class="dib"><a href="content.html"><span>部门管理</span></a></li>
                <li class="dib"><a href="content.html"><span>部门管理</span></a></li>
                <li class="dib"><a href="content.html"><span>部门管理</span></a></li>
                <li class="dib"><a href="content.html"><span>部门管理</span></a></li>
                <li class="dib"><a hv="1" href="content.html" class="on"><span>部门管理</span></a></li>
                <li class="dib"><a hv="2" href="content.html"><span>部门管理</span></a></li>
                <li class="dib"><a href="content.html"><span>部门管理</span></a></li>
                <li class="dib"><a href="content.html"><span>部门管理</span></a></li>
            </ul>
        </div>
        <!-- 页头内容 结束 -->
    </div>
    <div id="f-bd" class="clearfixa">
        <div id="f-lft">
            <!-- 左边菜单 开始 -->
            <div id="box-menu">
                <div class="sub-menu" id="sub-menu-1">
                    <h3>系统配置</h3>
                    <ul>
                        <li><a href=""><span>分类管理</span></a></li>
                        <li><a href=""><span>文章管理</span></a></li>
                        <li><a href=""><span>邮件管理</span></a></li>
                        <li><a href=""><span>数据字典</span></a></li>
                    </ul>
                    <h3>系统配置</h3>
                    <ul>
                        <li><a href=""><span>用户权限</span></a></li>
                        <li><a href=""><span>分类管理</span></a></li>
                        <li><a href="" class="on"><span>文章管理</span></a></li>
                        <li><a href=""><span>邮件管理</span></a></li>
                        <li><a href=""><span>数据字典</span></a></li>
                    </ul>
                </div>
                <div class="sub-menu" id="sub-menu-2">
                    <h3>系统配置</h3>
                    <ul>
                        <li><a href=""><span>用户权限</span></a></li>
                        <li><a href=""><span>分类管理</span></a></li>
                        <li><a href="" class="on"><span>文章管理</span></a></li>
                        <li><a href=""><span>邮件管理</span></a></li>
                        <li><a href=""><span>数据字典</span></a></li>
                    </ul>
                </div>
            </div>
            <!-- 左边菜单 结束 -->
        </div>
        <div id="f-rgt">
            <!-- 主要内容 开始 -->
            <iframe id="content-frame" height="100%" width="100%" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto" style="margin:0;padding:0;border:none;overflow:auto;" src="content.html"></iframe>
            <!-- 主要内容 结束 -->
        </div>
        <div id="f-rft">
            <!-- 内容页脚 开始 -->
            <!-- 内容页脚 结束 -->
        </div>
    </div>
    <div id="f-ft">
        <!-- 页脚 页脚 -->
        <!-- 页脚 结束 -->
    </div>
</div>
</body>
</html>